// 在这个页面上定义 vuex的模块权限  然后替代原来的 动态路由
import { constantRoutes, asyncRoutes } from '@/router'

const state = {
  routes: constantRoutes // 所有人默认拥有静态路由
}

const mutations = {
  setRoutes(state, newRoutes) {
    // 在静态路由上添加动态路由
    state.routes = [...constantRoutes, ...newRoutes]
  }
}

const actions = {
  // 筛选权限路由
  filterRoutes(context, menus) {
    const routes = []
    menus.forEach(key => {
      routes.push(...asyncRoutes.filter(item => item.name === key))
    })
    context.commit('setRoutes', routes) // 将动态路由 提交给 mutations
    return routes // 这里为什么还要return？  因为 state数据是用来 显示左侧菜单用的  return是给路由addRoutes 用的
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
